.container {
    position: relative;
    top: 100px;
    width: 1000px;
    height: 430px;
    border: 70px solid rgb(166, 240, 218);
}

* {
    margin: 0;
    padding: 0;
}

.firson {
    width: 330px;
    height: 490px;
    position: absolute;
    left: 400px;
    top: -100px;
    background-image: url(4.png);
}

.firsonA {
    margin: 150px 10px 10px 50px;
}

.firsonA h1 {
    font: bold 15px Helvetica;
    color: #ffffff;
    overflow: hidden;
}

.firsonA p {
    font: bold 8px Helvetica;
    color: #cccccc;
}

.firsonB {
    margin: 20px 10px 10px -60px;
}

.btn {
    text-align: center;
    display: inline-block;
    color: rgb(24, 68, 94);
    width: 100px;
    height: 25px;
    background-color: rgb(255, 255, 255);
    text-emphasis: none;
    margin: 10px 0px 0px 60px;
}

a {
    text-decoration: none;
}


/* .firson {
    width: 300px;
    height: 400px;
    background-color: darkgray;
} */

.second {
    width: 290px;
    height: 320px;
    /* background-color: rgb(238, 238, 238); */
    position: absolute;
    bottom: 60px;
    left: 120px;
    background-image: url(6.jpg);
    background-size: 350px 350px;
}

.third {
    width: 270px;
    height: 210px;
    /* background-color: rgb(110, 210, 228); */
    position: absolute;
    bottom: -30px;
    left: 230px;
    overflow: hidden;
    background-image: url(7.jpg);
    background-size: 350px 250px;
}

.thison {
    margin: 60px 0px 0px 60px;
}

.thisonA h1 {
    font: bold 15px Helvetica;
    color: #ffffff;
    overflow: hidden;
}

.thisonA p {
    font: bold 8px Helvetica;
    color: #000000;
}

.btnA {
    text-align: center;
    display: inline-block;
    color: rgb(24, 24, 24);
    width: 80x;
    height: 20px;
    border: 2px solid rgb(22, 22, 22);
    text-emphasis: none;
    margin: 50px 0px 0px 20px;
}

img {
    width: 330px;
    height: 490px;
    position: absolute 60px 60px;
}

div {
    margin: 0 auto;
}